/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import SplashScreen from 'react-native-splash-screen';
import { Picker, List, Switch, Toast, Icon } from 'antd-mobile-rn';

// project
import {
    CAround, CBetween, Center, Column, CHand, CItemX, CItemY, CLine, CRow, CWrap, 
    CIcon, CImage, CSvg, CText,
    CContent, CFloat, CFooter, CHeader, CPage, CSide, 
    CEmpty, CError, CFail, CSkeleton, 
    CLabel, CButton
} from '../../library/comp';

import Licon from '../../library/comp/project/icon';


/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class CatAll extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);
        // this.Nav = this.props.navigation;
        /**
         * state
         */
		this.state = {
            list:[]
		};
    }


    /**
     * didMount
     */
    componentDidMount(){
        // HttpTemp.get({
        //     url:"/CPage/category/list.php",
        //     success:(res) => {
        //         let data = res.data;
        //         this.setState({
        //             list:data
        //         })
        //     }
        // })

    }

	/*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {

        let colnum = Math.ceil(this.state.list.length / 4);
        let col_arr = [];
        for(var i = 1; i<=colnum; i++){
            col_arr.push(i);
        }

        let CTextStyle = {
            fontSize: 14,
            marginTop: 3
        }
        return (
			<CPage>
                
				{/* 内容部分 */}
				<CContent mt='96' bg='#efeff4'>

                    {/* 更多服务全部内容 */}
                    <CRow bg='#fff' px='20' py='40' bb='solid #f0f0f0 1'>
                        
                        <CHand f='1' onPress={(e)=> {
                            this.Nav.navigate('')
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>一键开门</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            this.Nav.navigate('')
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>访客通行</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            this.Nav.navigate('')
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>我的房屋</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            this.Nav.navigate('')
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>我的车辆</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

                    <CRow bg='#fff' px='10' py='20' bb='solid #f0f0f0 1'>

                        <CHand f='1' onPress={(e)=> {
                            this.Nav.navigate('')
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>帐单</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            this.Nav.navigate('Smart')
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>智能家居</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>小区头条</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>报修</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

                    <CRow bg='#fff' px='10' py='20' bb='solid #f0f0f0 1'>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>投诉</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>车辆解锁</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>申请开闸</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>剩余车位</CText>
                            </CItemY>
                        </CHand>
                        
                    </CRow>

                    <CRow bg='#fff' px='10' py='20'>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>手机开门</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>可视对讲</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>乘坐电梯</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>放行条</CText>
                            </CItemY>
                        </CHand>
                    </CRow>

                    {/******************************* 更多服务标题 *******************************/}
                    <CRow pa='20'>
                        <CText color='#a6a6a6' size='24'>更多服务</CText>
                    </CRow>
                    {/******************************* 更多服务结束 *******************************/}

                    <CRow bg='#fff' px='10' py='20' bb='solid #f0f0f0 1'>
                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>生活缴费</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>租车位</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>车位续费</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>物业缴费</CText>
                            </CItemY>
                        </CHand>
                    </CRow>

                    <CRow bg='#fff' px='10' py='20' bb='solid #f0f0f0 1'>
                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>健康资讯</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>快递服务</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>代客缴费</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>家庭安防</CText>
                            </CItemY>
                        </CHand>
                    </CRow>

                    <CRow bg='#fff' px='10' py='20'>
                        
                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>车位锁</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>信报箱</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>社区投票</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' onPress={(e)=> {
                            // this.Nav.navigate('Service')
                            Toast.info("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#00CC66" width="60" height="60" icon={ Licon["help"] }></CIcon>
                                <CText style={CTextStyle}>智慧党建</CText>
                            </CItemY>
                        </CHand>
                    </CRow>

				</CContent>

                
                {/* 顶部 star */}
                <CHeader h='96' y='center' bg='#fff'>
                    <CBetween px='20'>
                        <CHand onPress={(e)=> {
                            this.Nav.goBack()
                        }}>
                            <Icon type='left' size='md' color='#00CC66' />
                        </CHand>

                        <CText size='34'>全部服务</CText>
                        <CHand w='44' h='44'></CHand>
                    </CBetween>
                </CHeader>
                {/* 顶部 star */}


                
				{/* 底部 */}
                {/* <Footer h='40' bg='#f7f7f7'></Footer> */}
                
			</CPage>
		);
	}
}
